﻿<UserControl x:Class="SomethingSpacial.UserControls.CommentsUserControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:System="clr-namespace:System;assembly=mscorlib"
    mc:Ignorable="d" d:DesignWidth="400" Height="153.5">

    <UserControl.Resources>
        <Storyboard x:Name="WheelStoryboard" RepeatBehavior="Forever">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" 
				Storyboard.TargetName="RightWheelBig">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:15" Value="360"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="RightWheelSmall">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:15" Value="-360"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="LeftWheelBig">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:15" Value="-360"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="LeftWheelSmall">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:15" Value="360"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="LeftWheelSmallest">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:15" Value="360"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <Canvas x:Name="CommentsCanvas" Height="154" VerticalAlignment="Top" Margin="0" Width="400" HorizontalAlignment="Left" Background="Transparent">
        <Canvas x:Name="CommentBox" Clip="M0,0L800,0 800,300 0,300z" HorizontalAlignment="Left" Height="154" UseLayoutRounding="False" Width="394" RenderTransformOrigin="0.5,0.5" Canvas.Top="-1.496" Canvas.Left="0.5">
        	<Canvas.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform/>
        			<SkewTransform AngleY="0.073"/>
        			<RotateTransform/>
        			<TranslateTransform Y="0.249"/>
        		</TransformGroup>
        	</Canvas.RenderTransform>
            <Image x:Name="Background" Height="131.697" Canvas.Left="14.938" Canvas.Top="11.334" Width="364.249" Source="/SomethingSpacial;Component/Images/GadgetImages/GadgetBackground.png" Opacity="0.9"/>
            <Image x:Name="Frame" Height="136.105" Canvas.Left="12" Canvas.Top="8.885" Width="368.166" Source="/SomethingSpacial;Component/Images/CommentsGadget/Frame.png"/>
            <Image x:Name="RightWheelBig" Height="53.364" Canvas.Left="337.083" Source="/SomethingSpacial;Component/Images/CommentsGadget/wheel.png" Canvas.Top="3.5" Width="50.917" RenderTransformOrigin="0.5,0.5">
                <Image.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
            <Image x:Name="RightWheelSmall" Height="30.354" Canvas.Left="312.115" Source="/SomethingSpacial;Component/Images/CommentsGadget/topright_wheel1.png" Canvas.Top="7.417" Width="29.864" RenderTransformOrigin="0.5,0.5">
                <Image.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
            <Image x:Name="FrameWire" Height="23.99" Canvas.Left="104.531" Canvas.Top="5.458" Width="183.105" Source="/SomethingSpacial;Component/Images/CommentsGadget/wire.png"/>
            <Image x:Name="Lamp" Height="72.949" Canvas.Left="16.896" Canvas.Top="42.666" Width="11.75" Opacity="0.6" Source="/SomethingSpacial;Component/Images/CommentsGadget/lamp.png"/>
            <Image x:Name="LeftWheelSmallest" Height="14.688" Canvas.Left="96.208" Canvas.Top="115.125" Width="15.177" RenderTransformOrigin="0.5,0.5" Source="/SomethingSpacial;Component/Images/CommentsGadget/downleft_wheel1.png">
                <Image.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
            <Image x:Name="LeftWheelBig" Height="26.927" Canvas.Left="109.427" Canvas.Top="120.021" Width="25.948" RenderTransformOrigin="0.5,0.5" Source="/SomethingSpacial;Component/Images/CommentsGadget/downleft_wheel2.png">
                <Image.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
            <Image x:Name="LeftWheelSmall" Height="20.562" Canvas.Left="89.844" Canvas.Top="128.834" Width="20.562" RenderTransformOrigin="0.5,0.5" Source="/SomethingSpacial;Component/Images/CommentsGadget/downleft_wheel3.png">
                <Image.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
            <TextBox x:Name="CommentsTextBox" CaretBrush="White"  Height="68.459" TextWrapping="Wrap" Background="#33E5DADA" BorderBrush="#FFE7AA80" Foreground="#FFE4D7BB" FontFamily="../Fonts/Fonts.zip#timtastic!" FontSize="13.333" Canvas.Left="47.25" RenderTransformOrigin="0.5,0.5" Canvas.Top="42.666" VerticalScrollBarVisibility="Hidden" Width="211.063" VerticalContentAlignment="Top">
                <TextBox.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </TextBox.RenderTransform>
            </TextBox>

        </Canvas>
    </Canvas>
</UserControl>
